<template>
	<!-- Header组件 -->
	<div class="bili-header">
		<div class="header-center">
				<NavComp :class1="class1 ? 'class1' : ''" />
			<HomeCategory />
		</div>
	</div>
</template>

<script>
import NavComp from "../navigation/index.vue";
import HomeCategory from "../homeCategory/index.vue";
export default {
	name: "HeaderComp",
	components: { NavComp, HomeCategory },
	props: {
		class1: {
			type: String,
			required: true,
		},
	},
};
</script>

<style lang="less" scoped>
.bili-header {
	width: 100%;
	// background-image: url("./images/Snipaste_2022-04-17_10-37-45.png");
	background-size: cover;
	// height: 155px;
	.header-center {
		// max-width: 2560px;
		// min-width: 1080px;
		margin: 0 auto;
		width: 1200px;
		position: relative;
		.header-banner {
			
		}
	}
}
</style>
